<%@ page language="java" pageEncoding="utf-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" href="styles/layout.css" type="text/css" />
<!-- -->
<script type="text/javascript" src="scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="scripts/jquery.slidepanel.setup.js"></script>
<script type="text/javascript" src="scripts/jquery.cycle.all.js"></script>
<script type="text/javascript" src="scripts/jquery.cycle.setup.js"></script>
<script type="text/javascript">
var xmlhttp;
var imgid;
function callback(){
	if (xmlhttp.readyState==4 && xmlhttp.status==200){
		document.getElementById(imgid).src=xmlhttp.responseText;
	}
}

function searchBook(id,image){
	var y=document.getElementById(id);
	imgid=image;
	if(y.value!=""){
		if (window.XMLHttpRequest)
		{
			xmlhttp=new XMLHttpRequest();
		}
		else
		{
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
		xmlhttp.open("GET","findcover?bookname="+encodeURI(encodeURI(y.innerHTML)),true);
		xmlhttp.onreadystatechange=callback;
		xmlhttp.send(null);
	}
}
</script>
<title>漂书系统</title>
</head>
<body>
	<!-- 登录部分 -->
	<div class="wrapper col0">
		<div id="topbar">
			<div id="slidepanel">
				<div class="topbox"></div>
				<div class="topbox">
					<h2>登录面板</h2>
					<form action="#" method="post">
						<fieldset>
							<legend>Login Form</legend>
							<label for="username">用户名: <input type="text"
								name="username" id="username" value="" />
							</label> <label for="password">密码: <input type="password"
								name="password" id="password" value="" />
							</label> <label for="remember"> <input class="checkbox"
								type="checkbox" name="remember" id="remember" checked="checked" />
								记住登录信息<span id="register"><a href="#">新用户注册</a></span></label> <input
								type="submit" name="login" id="login" value="登录" /> &nbsp; <input
								type="reset" name="reset" id="reset" value="重置" />
						</fieldset>
					</form>
				</div>
				<br class="clear" />
			</div>
			<div id="loginpanel">
				<ul>
					<li class="left">登录面板 &raquo;</li>
					<li class="right" id="toggle"><a id="slideit"
						href="#slidepanel">打开面板</a><a id="closeit" style="display: none;"
						href="#slidepanel">关闭面板</a></li>
				</ul>
			</div>
			<br class="clear" />
		</div>
	</div>
	<!--
########################################################################################## -->
	<div class="wrapper col1">
		<div id="header">
			<div id="logo">
				<a href="#"><img id="logoimg" src="images/logo_slat.jpg" /></a>
				<!--<p>漂书系统</p>-->
			</div>
			<div id="topnav">
				<ul>
					<li><a href="driftAfterLogin.jsp">首页</a></li>
					<li class="active"><a href="BreifAction">漂书</a></li>
					<li><a href="search.jsp">搜索</a></li>
					<li class="last"><a href="donate.jsp">捐书</a></li>
				</ul>
			</div>
			<br class="clear" />
		</div>
	</div>
	<!--
########################################################################################## -->
	<!--
########################################################################################## -->
	<div class="wrapper col3">
		<div id="homecontent">
			<div class="column2">
				<form method="post" action="SearchAction">
					<tr>
						<td>
							<!--<select name="t" class="frminput">
<option value="s" selected="selected">种子</option>
<option value="f" >文件</option>
</select>-->
						</td>
						<td><input type="text" value="" id="keyword" maxlength="30"
							class="searchtxt" name="nameorisbn" autocomplete="off"></td>
						<td>&nbsp;</td>
						<td><select name="c" class="frminput">
								<option value="0">所有种类</option>
								<option value="1000">工具书</option>
								<option value="1200">小说</option>
						</select> <select name="st" class="frminput">
								<option value="1" selected="selected">无人待漂</option>
								<option value="0">有人待漂</option>
								<option value="2">全部书籍</option>
						</select></td>
						<td>&nbsp; <input type="submit" class="searchbutton"
							value="搜 索"></td>
					</tr>
				</form>
			</div>
		</div>
	</div>
	<!--#########################################################################################################-->
	<div class="wrapper col3">
		<div class="wholeframe">
			<div class="kindframe">
				<h3>工具书</h3>
				<hr class="line" />
				<div class="imgframe">
					<img id="toolimg" class="image" src="images/cover/ghycyzzd.jpg" />
				</div>
				<div class="bookframe">
					<s:iterator value="tool" id="inner">
						<ul>
							<a
								onmouseover="searchBook('<s:property value='#inner.ISBN' />','toolimg')"
								id="<s:property value='#inner.ISBN' />"
								href="bookdetail?isbn=<s:property value='#inner.ISBN'/>"><s:property
									value="#inner.bookname" /></a>
						</ul>
					</s:iterator>
				</div>
				<div class="more">
					<a class="more" href="SearchTool">更多>></a>
				</div>
			</div>

			<div class="kindframe">
				<h3>小说</h3>
				<hr class="line" />
				<div class="imgframe">
					<img id="novelimg" class="image" src="images/cover/s11109674.jpg" />
				</div>
				<div class="bookframe">
					<s:iterator value="novel" id="inner">
						<ul>
							<a
								onmouseover="searchBook('<s:property value='#inner.ISBN' />','novelimg')"
								id="<s:property value='#inner.ISBN' />"
								href="bookdetail?isbn=<s:property value='#inner.ISBN'/>"><s:property
									value="#inner.bookname" /></a>
						</ul>
					</s:iterator>
				</div>
				<div class="more">
					<a class="more" href="SearchNovel">更多>></a>
				</div>
			</div>
		</div>
		<div class="wholeframe">
			<div class="kindframe">
				<h3>其他</h3>
				<hr class="line" />
				<div class="imgframe">
					<img class="image" src="images/6113596_124247345000_2.jpg" />
				</div>
				<div class="bookframe">
					<ul>暂无
					</ul>
				</div>
				<div class="more">
					<a class="more" href="SearchNovel">更多>></a>
				</div>
			</div>
			<div class="kindframe">
				<div class="imgframe"></div>
				<div class="bookframe"></div>
			</div>
		</div>
	</div>
	<!-- ####################################################################################################### -->
	<div class="wrapper col4">
		<div id="footer">
			<div class="footbox">
				<h2>上海大学友情链接</h2>
				<ul>
					<li><a href="#">开源社区主页</a></li>
					<li><a href="#">首页</a></li>
					<li><a href="#">教务处</a></li>
					<li><a href="#">计算机学院</a></li>
					<li class="last"><a href="#">信息办</a></li>
				</ul>
			</div>
			<div class="footbox">
				<h2>复旦大学友情链接</h2>
				<ul>
					<li><a href="#">开源社区主页</a></li>
					<li><a href="#">首页</a></li>
					<li><a href="#">教务处</a></li>
					<li><a href="#">计算机学院</a></li>
					<li class="last"><a href="#">信息办</a></li>
				</ul>
			</div>
			<div class="footbox">
				<h2>上海人民发来贺电</h2>
				<ul>
					<li><a href="#">我</a></li>
					<li><a href="#">实在</a></li>
					<li><a href="#">编不出了</a></li>
					<li><a href="#">以后再编</a></li>
					<li class="last"><a href="#">就这样吧</a></li>
				</ul>
			</div>
			<div class="footbox last">
				<h2>去他喵的友情链接</h2>
				<ul>
					<li><a href="#">别再跟爹提友情链接了</a></li>
					<li><a href="#">别再跟爹提友情链接了</a></li>
					<li><a href="#">别再跟爹提友情链接了</a></li>
					<li><a href="#">别再跟爹提友情链接了</a></li>
					<li><a href="#">别再跟爹提友情链接了</a></li>
					<li class="last"><a href="#">别再跟爹提友情链接了</a></li>
				</ul>
			</div>
			<br class="clear" />
		</div>
	</div>
	<!-- ####################################################################################################### -->
	<div class="wrapper col5">
		<div id="copyright">
			<p class="fl_left">
				Copyright &copy; 2012 - All Rights Reserved - <a href="#">Shanghai
					University Opensource Community</a>
			</p>
			<br class="clear" />
		</div>
	</div>
	<!--#########################################################################################################-->
	<!--##################################################################-->
</body>
</html>
